<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--引入 csss-->
    <link type="text/css" rel="stylesheet" href="../common/bootstrap/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="../common/toastr/toastr.min.css">


    <!--引入js-->
    <script type="text/javascript" src="../common/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="../common/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="../common/toastr/toastr.min.js"></script>


    <script type="text/javascript">
        function toastrClick() {
            // 成功的状态
           toastr['success']("登陆成功");

           // 失败的状态
           toastr['error']("登陆失败");
        }

    </script>
</head>
<body>
<!--
土司弹框  主要作为ajax 请求  失败的提示
1.需要引入 bootstrap.min.css  toastr.min.css
2. 引入jquery-3.3.1.min.js bootstrap.min.js toastr.min.js  注意从上到下的顺序
-->
<button type="button" value="弹框" onclick="toastrClick()">sadfasd</button>


</body>

</html>